@charset "utf-8";

@import url("common.css");

body{background:#000 url(i/bg.jpg) 50% 0 repeat-y}

#box_root{color:#fff}

#box_header{/*background:url(i/bg_header.png) 50% 0 no-repeat*/}
#box_header .inner{position:relative;margin:0 auto;width:1100px;height:126px;}

.logo{position:absolute;top:10px}
.headnav{position:absolute;top:0;right:10px;width:138px;height:25px;text-align:center;color:#fff;background:url(i/bg_headnav.png) no-repeat}
.headnav a{margin:0 5px;color:#fff}
.headnav a:hover{text-decoration:underline}

#menunav{position:absolute;top:40px;left:500px}
#menunav li{float:left;width:100px;height:60px;}
#menunav li a{display:block;height:60px;background:url(i/bg_menunav_li.png) no-repeat;text-indent:-999em;overflow:hidden}
#menunav li.m1 a{background-position:0 0}
#menunav li.m1 a.current,#menunav li.m1 a:hover{background-position:0 -60px}
#menunav li.m2 a{background-position:0 -120px}
#menunav li.m2 a.current,#menunav li.m2 a:hover{background-position:0 -180px}
#menunav li.m3 a{background-position:0 -240px}
#menunav li.m3 a.current,#menunav li.m3 a:hover{background-position:0 -300px}
#menunav li.m4 a{background-position:0 -360px}
#menunav li.m4 a.current,#menunav li.m4 a:hover{background-position:0 -420px}
#menunav li.m5 a{background-position:0 -480px}
#menunav li.m5 a.current,#menunav li.m5 a:hover{background-position:0 -540px}
#menunav li.m6 a{background-position:0 -600px}
#menunav li.m6 a.current,#menunav li.m6 a:hover{background-position:0 -660px}

#menunav .subnav{display:none}

#banner{margin:0 auto 15px;width:1100px;text-align:center}

#box_main{margin:0 auto 20px;width:1100px;background:url(i/bg_main.png) 50% 100% no-repeat}

#box_left{float:left;width:280px}
#box_right{float:right;width:803px}

.fcol_l{float:left;width:333px}
.fcol_r{float:right;width:748px}

#iabout{text-align:left}
#iabout .caption{height:41px;background:url(i/bg_iabout_h4.png) no-repeat}
#iabout .caption h4{display:none}
#iabout .cc{padding:12px 0;font-size:14px;line-height:200%}

#icontact{text-align:left}
#icontact .caption{height:41px;background:url(i/bg_icontact_h4.png) no-repeat}
#icontact .caption h4{display:none}
#icontact .cc{padding:12px 0;font-size:14px;line-height:200%}

#ipcate{}
#ipcate li{position:relative;display:inline;}
#ipcate li.p2{float:right;width:238px;height:406px;overflow:hidden}
#ipcate li.p1{float:left;width:510px;height:238px;overflow:hidden}
#ipcate li.p3{float:left;width:222px;height:168px;overflow:hidden}
#ipcate li.p4{float:left;width:288px;height:168px;overflow:hidden}
#ipcate li a{display:inline-block;}
/*#ipcate li.pb{clear:left}
#ipcate li.p2{float:right}*/

.light{
    cursor:pointer;
    position: absolute;
    left: -1083px;
    top: 0;
    width: 1083px;
    height: 405px;
    background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
    background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
    transform: skewx(-25deg);
    -o-transform: skewx(-25deg);
    -moz-transform: skewx(-25deg);
    -webkit-transform: skewx(-25deg);
  
}
#ipcate li:hover .light{
    left:1083px;
    -moz-transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
    transition:0.5s;
}



#sidemenu{margin:40px}
#sidemenu .caption{height:40px;line-height:40px;text-align:center;border-bottom:1px solid #fff}
#sidemenu .caption h4{font-size:16px;color:#fff}
#sidemenu .caption h4 span{display:none}
#sidemenu li{position:relative;line-height:36px;text-align:center;}
#sidemenu li a{display:block;line-height:36px;color:#ddd;border-bottom:1px dashed #ccc}
#sidemenu li a:hover{color:#000;background:#fff}

#sidemenu li ul{padding:5px 0;border-bottom:1px dashed #ccc}
#sidemenu li ul li{line-height:30px}
#sidemenu li ul li a{line-height:30px;border:none}

#condetail{margin:40px;text-align:left;}
#condetail .caption{position:relative;height:46px;line-height:46px;}
#condetail .caption h4{padding-left:20px;font-size:18px;background:url(i/bg_condetail_h4.png) 0 50% no-repeat}
#condetail .caption .location{display:none}
#condetail .cc{padding:15px;font-size:14px;line-height:220%}
#condetail .cc a{color:#aaa}
#condetail .cc a:hover{color:#fff}


#box_footer{padding:15px;text-align:center;/*background:rgba(0,0,0,0.2)*//*background:url(i/bg_footer.png) 50% 0 no-repeat*/}
#box_footer a{color:#fff}
#box_footer a:hover{text-decoration:underline}

.page{font-size:12px}

.piclist{}
.piclist li{float:left;width:33.3%;text-align:center;height:220px}

